<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">.:Sistema de Compra Venta:.</ui:insert></title>
    </h:head>

    <h:body style="background: black">
        <p:dock position="top" id="menu" >  
            <p:menuitem value="Inicio" icon="/images/home.png" url="index.xhtml"/>  
            <p:menuitem value="Cliente" icon="/images/cliente.png" url="clientes.xhtml"/>  
            <p:menuitem value="Proveedor" icon="/images/proveedor2.png" url="proveedores.xhtml"/>  
            <p:menuitem value="Producto" icon="/images/producto.png" url="productos.xhtml"/>  
            <p:menuitem value="Compra" icon="/images/compra.png" url="compras.xhtml"/>  
            <p:menuitem value="Venta" icon="/images/venta.png" url="ventas.xhtml"/>  
            <p:menuitem value="Pago" icon="/images/pago.png" url="pago.xhtml"/>  
            <p:menuitem value="Pago Masivo" icon="/images/pago_masivo.png" url="pagoMasivo.xhtml"/>  
        </p:dock> 
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <div id="layout">

            <p:panel style="background: silver">
            <div id="content">
                <ui:insert name="content"></ui:insert>
            </div>
            </p:panel>
        </div>
    </h:body>

</html>

